const global = document.querySelector('.global')

document.onscroll = function () {
    ajax({
        url: '../static/data/22.json',
        callback: render
    })
}
function render(res) {
    res = JSON.parse(res)
    console.log(res);
    global.innerHTML = res.map(item =>
        `
        <ul>
                <li class="one">
                    <a href="#">
                        <img src="http://s2.ymatou.com/home/96ff898d2be07cba4cefba818af15804.png" alt="">
                        <p><span>${item.ShowTitle}</span></p>
                        <i>来自 16 位买手 | 26 件商品</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="${item.ProductList[0].PicUrl}"
                            alt="">
                        <p class="text">${item.ProductList[0].Name}</p>
                        <i>￥${item.ProductList[0].Price}</i>
                        <em>${item.ProductList[0].SellerCountry}</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="${item.ProductList[1].PicUrl}"
                            alt="">
                        <p class="text">${item.ProductList[1].Name}</p>
                        <i>￥${item.ProductList[1].Price}</i>
                        <em>${item.ProductList[1].SellerCountry}</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="${item.ProductList[2].PicUrl}"
                            alt="">
                        <p class="text">${item.ProductList[2].Name}</p>
                        <i>￥${item.ProductList[2].Price}</i>
                        <em>${item.ProductList[2].SellerCountry}</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="${item.ProductList[3].PicUrl}"
                            alt="">
                        <p class="text">${item.ProductList[3].Name}</p>
                        <i>￥${item.ProductList[3].Price}</i>
                        <em>${item.ProductList[3].SellerCountry}</em>
                    </a>
                </li>
            </ul>
    `)
}
